@charset "UTF-8";
@import "common.scss";


header{
  width: 100%;
  height: r(150);
  padding-top: r(17);
  .head_logo{
    width: 61.5px;
    height: 61.5px;
    overflow: hidden;
    margin-left: r(23);
    img{
      width: 100%;
    }
  }
  .searchBar{
    width: r(264);
    height: 25px;
    border: 1px solid #ff9344;
    border-radius: 25px;
    margin: r(34) r(60) 0 r(60);
    font-size: 0;
    padding: 0 5px;
    box-sizing: border-box;
    input{
      display: inline-block;
      vertical-align: middle;
      border: none;
      width: calc(100% - 24px);
      height: 100%;
      text-align: center;
      font-size: px(24);
      font-family: 微软雅黑;
    }
    img{
      vertical-align: middle;
      width: 18px;
      height: 18px;
    }
  }

}

.session{
  position: absolute;
  top: 75px;
  bottom: px(136);
  left: 0;
  right: 0;
  // 纵向滚动
  overflow-y: scroll;
  // 弹性滚动
  -webkit-overflow-scrolling: touch;
  .lunbo{
    width: r(750);
    height: r(285);
    overflow: hidden;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    ul{
      li{
        width: r(750);
        float: left;
        transform: translateY(-18%);
        img{
          width: 100%;
          height: 100%;
        }
      }
    }
  }
  .content{
    .title{
      margin: r(33) r(21) 0 r(21);
      .titleName{
        float: left;
        height: r(54);
        img{
          width: r(56);
          height: r(54);
        }
        span{
          font-family: 微软雅黑;
          font-size: px(30);
          line-height: r(54);
          vertical-align: super;
        }
      }
      .titleMore{
        float: right;
        a{
          font-family: 微软雅黑;
          font-size: px(24);
          color: black;
          span{
            padding-right: r(8);
          }
          i{
            font-size: r(26);
            color: #ff9344;
          }
        }
      }
    }
    .discount{
      width: 100%;
      .discountImg{
        width: r(582);
        margin: 0 auto;
        div{
          width: r(240);
          height: r(94);
          float: left;
          padding: r(16) 0 r(29) 0;
          &:nth-of-type(2n+1){
            padding-right: r(102);
          }
          img{
            width: 100%;
            height: 100%;
          }
        }
      }
    }
    .guessLike{
      .choose{
        width: 100%;
        .guessBox{
          width: r(716);
          height: r(164);
          overflow: hidden;
          margin: r(33) auto 0 auto;
          .tf{
            transform: translateY(-50%);
          }
          .guessBoxLeft{
            width: r(210);
            height: 100%;
            float: left;
            img{
              width: 100%;

            }
          }
          .guessBoxRight{
            width: r(484);
            float: right;
            p{
              font-family: 微软雅黑;
              float: left;
              color: #494949;
              font-size: px(22);
              line-height: px(48);
              &:nth-of-type(1){
                font-size: px(30);
                color: black;
                font-weight: bold;
              }
              &:nth-of-type(2){
                float: right;
              }
              &:nth-of-type(3){
                width: 100%;
              }
              &:nth-of-type(4){
                font-size: px(32);
                color: #ff9344;
              }
              &:nth-of-type(5){
                float: right;
              }
            }
          }
        }
      }
    }
  }
}